<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<HEAD>
     <TITLE>Text-Kashida-Space - Cascading Style Sheets Properties</TITLE>
     <link rel="stylesheet" type="text/css" href="../../../ss/2.css" id="thecss">
     <script type="text/javascript" src="../../../scripts/csschange.js"></script>
</HEAD>

<BODY onload="readSS()">

<br>
<center>
<table border=3 cellpadding=5 cellspacing=0>
<tr>
    <td rowspan=2><h1 class="pagetitle">text-kashida-space</h1>
    <b><a href="../../../misc/suppkey.htm">Support Key:</a></b>
    [<b><i class="fs">IE5.5</i></b>]<br></td>
    <td colspan=2 align=center><b class="alert">Other International Properties</b><br></td>
</tr>
<tr>
    <td valign=top><a href="unibidi.htm">unicode-bidi</a><br>
    <a href="direction.htm">direction</a><br>
    <a href="ralign.htm">ruby-align</a><br>
    <a href="roverhang.htm">ruby-overhang</a><br>
    <a href="rposition.htm">ruby-position</a><br>
    <a href="linebreak.htm">line-break</a><br>
    <a href="wordbreak.htm">word-break</a><br>
    <a href="writingmode.htm">writing-mode</a><br></td>
    <td valign=top><a href="imemode.htm">ime-mode</a><br>
    <a href="textjustify.htm">text-justify</a><br>
    <a href="textaspace.htm">text-autospace</a><br>
    <a href="lflow.htm">layout-flow</a><br>
    <a href="lgrid.htm">layout-grid</a><br>
    <a href="lgmode.htm">layout-grid-mode</a><br>
    <a href="lgtype.htm">layout-grid-type</a><br>
    <a href="lgline.htm">layout-grid-line</a><br>
    <a href="lgchar.htm">layout-grid-char</a><br>
    <a href="lgcharspace.htm">layout-grid-char-spacing</a><br></td>
</tr>
<tr><td align=center colspan=3>
<font size=2>= <span class="sitetitle">Index DOT Css</span> by <a 
href="../../../misc/email.htm">Brian Wilson</a> =</font><br>
</td></tr>
</table>
</center>

<div align="center">
<table cellpadding=5 cellspacing=0>
<tr>
    <td>&#160;&#160;<font size=2><a href="../../index.html">Main Index</a> |
        <a href="../../propindex/font.htm">Property Index</a> |
        <a href="../../supportkey/syntax.htm">CSS Support History</a> |
        <a href="../../../history/browsers.htm">Browser History</a></font>&#160;&#160;</td>
</tr>
</table>
</div>
<hr size=1 align="center" width="25%">

<br><br>
<table border=1 cellspacing=0 cellpadding=5>
<tr><td>
<table border=0 cellspacing=0>
<tr>
    <th colspan=3 valign=bottom class="field"><big><u><b
        class="colheaders">&#160;&#160;&#160;Quick Statistics&#160;&#160;&#160;</b></u></big><br></th>
</tr>
<tr><th align=left><b class="l3heading">Default Value: </b><br></th>
    <td rowspan=6>&nbsp;&nbsp;</td>
    <td><b class="alert">0%</b></td></tr>
<tr><th align=left><b class="l3heading">Applicable Elements: </b><br></th>
    <td>Block-level elements</td></tr>
<tr><th align=left><b class="l3heading">Inherit From Parent: </b><br></th>
    <td>Yes</td></tr>
<tr><th align=left><b class="l3heading">Applicable Media: </b><br></th>
    <td>Visual</td></tr>
<tr><th align=left><b class="l3heading">HTML Equivalent: </b><br></th>
    <td>NA<br></td></tr>
<tr><th align=left><b class="l3heading">Official Docs: </b><br></th>
    <td><a href="http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/textKashidaSpace.asp">Microsoft 
        MSDN Reference</a></td></tr>
</table>
</td></tr>
</table>

<dl>
<dt><big><b class="mainheading">What is it?</b></big>
    <dd>A "Kashida" is a typographic effect that justifies lines of text by
        elongating certain characters at carefully chosen points. It is used
        in Arabic writing systems. This property controls the ratio of
        kashida expansion to white-space expansion when justifying lines of
        text in an element. The property can be used with any 'text-justify'
        justification mode where kashida-style expansion is used ("auto",
        "distribute", "kashida", and "newspaper".)
</dl>

<dl>
<dt><br><big><b class="mainheading">Allowed Values</b></big>
<dt><b class="subheading">inherit</b></dt>
<dt>[<b><i class="fs">IE5.5</i></b>]</dt>
    <dd><b class="l3heading">Type:</b> Explicit</dd>
    <dd><b class="l3heading">Description:</b><br>
        Text is expanded using the text expansion value set on the parent element.</dd>

<dt><b class="subheading">[percentage]</b></dt>
<dt>[<b><i class="fs">IE5.5</i></b>]</dt>
    <dd><b class="l3heading">Type:</b> Explicit</dd>
    <dd><b class="l3heading">Description:</b><br>
        Refers to a ratio bteween kashida expansion and white-space expansion.
        0% indicates white-space expansion only, while 100% indicates kashida
        expansion only.</dd>
</dl>

<dl>
<dt><big><b class="mainheading">Example</b></big>
    <dd><div class="example">Ext/Doc: <b class="selector">div</b>
        { <span class="property">text-align:</span> justify;
        <span class="property">text-justify:</span> newspaper;
        <span class="property">text-kashida-space:</span> 75%; }</div>
    <dd><div class="example">In-Line:&#160; <br>
        &lt;<b class="tagname">div</b>
        <span class="tagattrib">STYLE</span>=&quot;<span class="property">text-align:</span> justify;
        <span class="property">text-justify:</span> newspaper;
        <span class="property">text-kashida-space:</span> 75%;&quot;&gt;<br>
        This is "Newspaper" justified content with text-kashida-space set to "75%".<br>
        But it won't do anything because the content is English.&lt;/<b class="tagname">div</b>&gt;</div>
</dl>

<big><b class="mainheading">Browser Peculiarities</b></big>
<ul>
     <li>Nothing to report.
</ul>

<br><br>
<a href="../../../misc/copyright.htm">Boring Copyright Stuff....</a>
<br>

</BODY>
</HTML>